<!doctype html>
<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<link href="../static/css/bootstrap.min.css"  type="text/css" rel="stylesheet">
	<link href="../static/fontawesome4.5/css/font-awesome.min.css" type="text/css"  rel="stylesheet">
	<link href="../static/css/index.css" type="text/css" rel="stylesheet">
	<link href="../static/css/admin.css"  type="text/css" rel="stylesheet">
	<title>班级学生列表</title>
	<style>
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width:1024px) {
#mytable, #mytable thead, #mytable tbody, #mytable th, #mytable td, #mytable tr {
	display: block;
}
#mytable thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
#mytable td {
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 44% !important;
	padding-top: 10px;
}
#mytable tr {
	margin-bottom: 20px;
}
#mytable td:before {
	position: absolute;
	top: 10px;
	left: 8px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
}
#mytable td:nth-of-type(1):before {
	content: "座号";
}
#mytable td:nth-of-type(2):before {
	content: "姓名";
}
#mytable td:nth-of-type(3):before {
	content: "学号";
}
#mytable td:nth-of-type(4):before {
	content: "出生日期";
}
#mytable td:nth-of-type(5):before {
	content: "家庭地址";
}
#mytable td:nth-of-type(6):before {
	content: "联系电话";
}
}
</style>
	</head>

	<body>
<!--头部-->
<nav class="navbar navbar-default navbar-fixed-top  top" role="navigation">
      <div class="container-fluid">
    <div class="navbar-header" style=" width:100%;"> <a class="navbar-brand"  href="javascript:history.go(-1);" style=" width:100%;  padding-right:0px;"> <span class="glyphicon glyphicon-arrow-left white"></span> 
      <!--    <span class="glyphicon glyphicon-pause white" style="margin-left:2%;"></span>--> 
      <span class="white" style="margin-left:10%">班级学生列表</span> <span class="glyphicon glyphicon-user white" style="float:right"></span> </a> </div>
  </div>
      <!-- /.container-fluid --> 
    </nav>
<!--头部 end--> 
<!--主体部分-->
<div class="container" style="margin-top:70px;"> 
      
      <!--主要内容开始-->
      <div class="content-wrapper">
    <section class="content">
          <div class="row"> 
        <!--树状图-->
        <section class="col-lg-2 connectedSortable" >
              <div class="sidebar" style="background-color:#fff; padding-bottom:0px;">
            <ul class="sidebar-menu" id="chan">
                  <li class="treeview"> <a href="#"> <i class="glyphicon glyphicon-align-left"></i> <span>初一级</span> <i class="fa fa-angle-left pull-right"></i> </a>
                <ul class="treeview-menu" style="background-color:#fff;">
                      <li><a href=" "><i class="fa fa-angle-right"></i> 初一1班</a></li>
                      <li><a href=" "><i class="fa fa-angle-right"></i> 初一2班</a></li>
                      <li><a href=" "><i class="fa fa-angle-right"></i> 初一3班</a></li>
                      <li><a href=" "><i class="fa fa-angle-right"></i> 初一4班</a></li>
                    </ul>
              </li>
                  <li class="treeview"> <a href="#"> <i class="glyphicon glyphicon-align-left"></i> <span>初一级</span> <i class="fa fa-angle-left pull-right"></i> </a>
                <ul class="treeview-menu" style="background-color:#fff;">
                      <li><a href=" "><i class="fa fa-angle-right"></i> 初一1班</a></li>
                      <li><a href=" "><i class="fa fa-angle-right"></i> 初一2班</a></li>
                      <li><a href=" "><i class="fa fa-angle-right"></i> 初一3班</a></li>
                      <li><a href=" "><i class="fa fa-angle-right"></i> 初一4班</a></li>
                    </ul>
              </li>
                  <li class="treeview"> <a href="#"> <i class="glyphicon glyphicon-align-left"></i> <span>初一级</span> <i class="fa fa-angle-left pull-right"></i> </a>
                <ul class="treeview-menu" style="background-color:#fff;">
                      <li><a href=" "><i class="fa fa-angle-right"></i> 初一1班</a></li>
                      <li><a href=" "><i class="fa fa-angle-right"></i> 初一2班</a></li>
                      <li><a href=" "><i class="fa fa-angle-right"></i> 初一3班</a></li>
                      <li><a href=" "><i class="fa fa-angle-right"></i> 初一4班</a></li>
                    </ul>
              </li>
                  <li class="treeview"><a href=""><i class="glyphicon glyphicon-align-left"></i> 未分班学生</a></li>
                </ul>
          </div>
            </section>
        <!--树状图结束-->
        <section class="col-lg-10 connectedSortable">
              <div class="box box-default box-solid">
            <form action="" method="">
                  <div class="box-header with-border"> <span class="fa fa-list" style="float:left; font-size:18px; padding-top:3px; color:#3c8dbc;" ></span>
                <p class="box-title">班级学生列表</p>
              </div>
                  <div class="box-body">
                <div class="col-md-3 form-group" style="padding:0;">
                      <label class="col-sm-3 control-label text-right" for="inputPassword3" style="padding-right:0; padding-left:0; font-weight:500;"> 姓名： </label>
                      <div class="input-group col-md-9 col-xs-12">
                    <input type="text" class="form-control" value="">
                  </div>
                    </div>
                <div class="col-md-3 form-group" style="padding:0;">
                      <label class="col-sm-3 control-label text-right" for="inputPassword3" style="padding-right:0; padding-left:0; font-weight:500;"> 学号： </label>
                      <div class="input-group col-md-9 col-xs-12">
                    <input type="text" class="form-control" value="">
                  </div>
                    </div>
                <div class="col-md-3 form-group" style="padding:0;">
                      <label class="col-sm-3 control-label text-right" for="inputPassword3" style="padding-right:0; padding-left:0; font-weight:500;"> 座号： </label>
                      <div class="input-group col-md-9 col-xs-12">
                    <input type="text" class="form-control" value="">
                  </div>
                    </div>
                <div class="text-center"  style="margin-bottom:10px;">
                      <button type="submit" class="btn btn-success" style="width:85%">查 询</button>
                    </div>
                <table class="table table-bordered table-striped"  id="mytable">
                      <thead>
                    <tr style="background-color:#5fb2dc;">
                          <td>座号 <i class="fa fa-sort-amount-asc"></i> <i class="fa fa-sort-amount-desc"></i></td>
                          <td>姓名 <i class="fa fa-sort-amount-asc"></i> <i class="fa fa-sort-amount-desc"></i></td>
                          <td>性别</td>
                          <td>学号 <i class="fa fa-sort-amount-asc"></i> <i class="fa fa-sort-amount-desc"></i></td>
                          <td>学籍号 <i class="fa fa-sort-amount-asc"></i> <i class="fa fa-sort-amount-desc"></i></td>
                          <td>出生日期</td>
                          <td>家庭地址</td>
                          <td>联系电话</td>
                        </tr>
                  </thead>
                        </tbody>
                      
                      <tr>
                    <td>02</td>
                    <td>张三</td>
                    <td>男</td>
                    <td>55656767</td>
                    <td>45</td>
                    <td>2012-21-21</td>
                    <td>烟台市芝罘区万达路</td>
                    <td>11111111111</td>
                  </tr>
                      <tr>
                    <td>02</td>
                    <td>张三</td>
                    <td>男</td>
                    <td>55656767</td>
                    <td>45</td>
                    <td>2012-21-21</td>
                    <td>烟台市芝罘区万达路</td>
                    <td>11111111111</td>
                  </tr>
                      <tr>
                    <td>02</td>
                    <td>张三</td>
                    <td>男</td>
                    <td>55656767</td>
                    <td>45</td>
                    <td>2012-21-21</td>
                    <td>烟台市芝罘区万达路</td>
                    <td>11111111111</td>
                  </tr>
                        </tbody>
                      
                    </table>
              </div>
                  <!--box-body -->
                </form>
          </div>
              <!--box box-default box-solid--> 
            </section>
      </div>
          <!--row--> 
        </section>
  </div>
      <!--主要内容结束--> 
      
    </div>
<!--container  end--> 
<!--主体部分  end--> 
<!--底部-->

<div class="container" style="margin-top:25%;">
      <div class="row">
    <div class="footer navbar-fixed-bottom">
          <div class="col-xs-12" style=" height:15%"></div>
          <div class="col-md-4  col-xs-4 text-center" >
        <p class="glyphicon glyphicon-home white footer_font"></p>
        <p><a href="" class="white  footer_font2">首页</a></p>
      </div>
          <div class="col-md-4 col-xs-4 text-center white  ">
        <p class="glyphicon glyphicon-comment white  footer_font"></p>
        <p><a href=""  class="white  footer_font2">消息</a></p>
      </div>
          <div class="col-md-4 col-xs-4 text-center white" >
        <p class="glyphicon glyphicon-asterisk white footer_font"></p>
        <p ><a href=""  class="white  footer_font2">设置</a></p>
      </div>
        </div>
    <!--footer  end--> 
    
  </div>
      <!--row  end--> 
      
    </div>
<!--container  end--> 

<!--底部end--> 

<script src="../static/js/jquery.min.js" type="text/javascript"></script> 
<script src="../static/js/bootstrap.min.js"  type="text/javascript"></script> 
<script src="../static/js/app.js"  type="text/javascript"></script><!--伸缩-->
</body>
</html>
